/* Extra small devices (phones, 600px and down) */





@media only screen and (max-width: 350px) {
	.mapa {
		height: 100px !important;
		width: 100%;
		color: yellow !important;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 80vh;
	}
	.mapit {
		height: 350px;
	}
	.hiding {
		display: none;
	}
	.img1 {
		width: 140px;
		height: 68px;
		float: left
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	.titleone{
	    
	    color: #1f7375 !important ; font-size: large;
	    
	}
	.titletwo{
	    font-size: x-small ;
	    font-weight: normal;
	}
		.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold
	}
}

@media only screen and (max-width: 600px) {
    
    .titleone{
    	    color: #1f7375 !important ; font-size: small;
    	    	
	    
	}
		.boxmobile{
	    padding-top: 30px !important;
	}
	.img1 {
		width: 155px;
		height: 55px;
		float: left
	}
	.img2 {
	    width: 155px ;
	    height: 60px; 
	    float: right;
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 80vh;
		font-family: 'Poppins', sans-serif
	}
	.mapit {
		height: 350px;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #edf2f9 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
		.titletwo{
	    font-size: x-small ;
	    font-weight: normal;
	}
	.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold;
	 display: none;
	}
}


/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
    	.titleone{
    	    color: #1f7375 !important ; font-size: large;
	    
	}

		.titletwo{
	    font-size: small ;
	    font-weight: normal;
	}
	.img1 {
		width: 180px;
		height: 68px;
		float: left
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 80vh;
		font-family: 'Poppins', sans-serif
	}
	.color {
		color: red;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #6e84a3 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
		.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold;
	  display: none;
	}
}


/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
    
    	.titleone{
    	    color: #1f7375 !important ; font-size: large;
	    
	}
	.titletwo{
	    font-size: small ;
	    font-weight: normal;
	}
	.img1 {
		width: 180px;
		height: 68px;
		float: left
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 80vh;
		font-family: 'Poppins', sans-serif
	}
	.color {
		color: navy;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #6e84a3 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
		.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold
	}
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
    	.titleone{
    	    color: #1f7375 !important ; font-size: large;
	    
	}
	.titletwo{
	    font-size: small ;
	    font-weight: normal;
	}
	.img1 {
		width: 180px;
		height: 68px;
		float: left
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 80vh;
		font-family: 'Poppins', sans-serif
	}
	.color {
		color: green;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #6e84a3 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
		.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold
	}
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    
    	.titleone{
    	    color: #1f7375 !important ; font-size: large;
	    
	}
	.titletwo{
	    font-size: small ;
	    font-weight: normal;
	}
	.img1 {
		width: 180px;
		height: 68px;
		float: left
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 75vh;
		font-family: 'Poppins', sans-serif
	}
	.color {
		color: purple;
	}
	.caja {
		width: 100%;
		height: 290px;
	}
	.lstb {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #6e84a3 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
		.titlehist{
	 color: #1f7375 !important ;
	 font-size: large;
	 text-transform: uppercase ;
	 font-weight: bold
	}
}

@media only screen and (min-width: 1500px) {
    
    	.titleone{
    	    color: #1f7375 !important ; font-size: large;
	    
	}
	.titletwo{
	    font-size: small ;
	    font-weight: normal;
	}
	#mapid {
		font-family: 'Roboto', sans-serif;
		font-size: small;
		height: 100%
	}
	.fullHeight {
		/*/height: 450px;*/
		height: 80vh;
		font-family: 'Poppins', sans-serif
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: .375rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #6e84a3 !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	.color {
		color: orange;
	}
	.caja {
		width: 100%;
		height: 500px;
	}
	.bigfont {
		/* color: red !important; */
		font-size: 14px !important;
	}
	.card_db {
		/*  color: red !important; */
		font-size: 14px !important;
	}
	.lstb {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}
	.img2 {
	    width: 165px ;
	    height: 72px; 
	    float: right;
	}
	 .img1 {
		width: 140px;
		height: 68px;
		float: left
	}
}

.nav-item:hover {
	/*  background-color: red !important;*/
	font-size: 14px;
}

.super {
	background-color: #a4b1b3 !important;
	color: white !important;
	font-weight: bold !important;
}

.super8:hover {
	background-color: #1f9093 !important;
	color: white !important;
	font-weight: bold !important;
}

.card:hover {
	transform: scale(1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

.csb {
	/*background-color: #4CAF50;*/
	/* border: 5px;*/
	background-color: transparent;
	border: 2px solid #00727c;
	/* Green */
	color: #00727c;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11.5px;
	border-radius: 18px;
	font-weight: bold;
}

.csb:hover {
	background-color: #00727c !important;
	color: white !important;
}

.csb1 {
	/*background-color: #4CAF50;*/
	/* border: 5px;*/
	background-color: transparent;
	border: 2px solid #00727c;
	/* Green */
	color: #00727c;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 18px;
	font-weight: bold;
}

.csb1:hover {
	background-color: #00727c !important;
	color: white !important;
}

.csbpurple {
	/*background-color: #4CAF50;*/
	/* border: 5px;*/
	background-color: transparent;
	border: 2px solid #66023C;
	/* Green */
	color: #66023C;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 18px;
	font-weight: bold;
}

.csbpurple:hover {
	background-color: #66023C !important;
	color: white !important;
}

.csborange {
	/*background-color: #4CAF50;*/
	/* border: 5px;*/
	background-color: transparent;
	border: 2px solid #f77f00;
	/* Green */
	color: #f77f00;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 18px;
	font-weight: bold;
}

.csborange:hover {
	background-color: #f77f00 !important;
	color: white !important;
}

.csbyellow {
	background-color: transparent;
	border: 2px solid #e2d709;
	color: #e2d709;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 18px;
	font-weight: bold;
}

.csbyellow:hover {
	background-color: #e2d709 !important;
	color: white !important;
}

.csbyellowblue {
	background-color: transparent;
	border: 2px solid #e2d709;
	color: #e2d709;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 18px;
	font-weight: bold;
}

.csbyellowblue :hover {
	background-color: #e2d709 !important;
	color: white !important;
}

.super_red:hover {
	background-color: rgb(201, 0, 0, 0.3);
	color: #c60000!important;
}

.super_green:hover {
	background-color: rgb(0, 193, 0, 0.3);
	color: green !important;
}

.super_orange:hover {
	background-color: rgb(255, 128, 0, 0.3);
	color: orange !important;
}

.super_blue:hover {
	background-color: rgb(18, 38, 63, 0.3);
	color: #12263f !important;
}

.super_orange2:hover {
	background-color: rgb(244, 139, 41, 0.3);
	color: #f48b29 !important;
}

.super_purple:hover {
	background-color: rgb(198, 0, 198, 0.3);
	color: #c600c6 !important;
}

.super_sky:hover {
	background-color: rgb(44, 123, 129, 0.3);
	color: #2C7BE5 !important;
	font-weight: bold;
}

.super_maroon:hover {
	background-color: rgb(128, 0, 0, 0.3);
	color: #800000 !important;
	font-weight: bold;
}

.labelClassmp {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 9.5px;
	/* color: #f55345;*/
	color: white;
	padding-top: 5px;
	/*  font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 */
	/* font-family: 'Poppins', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	transform-origin: 0 0;
	transform: rotate(90deg);
	/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  /*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; */
}

.labelClass_red {
	position: absolute;
	text-align: center;
	/* white-space: nowrap;*/
	font-size: 10.5px;
	color: #f55345;
	padding-top: 5px;
	font-family: 'Roboto', sans-serif;
	/* font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	/*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; */
}

.labelClass_red1 {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 9px;
	color: #f55345;
	padding-top: 5px;
	font-family: 'Roboto', sans-serif;
	/* font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	/*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; */
}

.labelClass_light {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: #55bbe4;
	padding-top: 5px;
	/*font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	/*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.labelClass_orange {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: orange;
	font-family: 'Roboto', sans-serif;
	padding-top: 5px;
	/*
  font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	/*xt-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.labelClass_green {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: green;
	padding-top: 5px;
	font-family: 'Roboto', sans-serif;
	/* font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	/*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
}

.labelClass_purple {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: purple;
	padding-top: 5px;
	font-family: 'Roboto', sans-serif;
	/* font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.labelClass_yellow {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: yellow;
	padding-top: 5px;
	font-family: 'Roboto', sans-serif;
	/*font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-weight: bold;
	/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.labelClass_blue {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: #00008b;
	padding-top: 5px;
	font-family: 'Poppins', sans-serif;
	/* font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.labelClass_maroon {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	font-size: 10.5px;
	color: #800000;
	padding-top: 5px;
	/*font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}


/*.navbar-vertical .navbar-heading {
    padding-left: 40px !important; 
    padding-top: .5rem; 
    padding-bottom: .5rem;
    font-size: .625rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}*/

.pop_title {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

body {
	display: none;
}

.bg-dark {
	background-color: #1f9093 !important;
}

.bootstrap-select .dropdown-menu {
	font-size: 12px !important;
}



.card_db {
	padding: 10px;
	margin-bottom: 10px;
	color: #828282;
	font-size: 11px
}

.title_card {
	color: #00727c !important;
	font-weight: bold;
	font-size: 15px
}

.fontsel {
	font-family: "Roboto", sans-serif !important;
	font-size: .9375rem !important;
	text-transform: capitalize;
}


/*titulo*/

.select2-selection__rendered {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #1f9093 !important;
}


/*opciones*/


/*.select2-results__options {

 

}*/

.select2-container--classic .select2-results__options {
	font-family: "Cerebri Sans", sans-serif !important;
	font-size: 12px !important;
	text-transform: capitalize;
	color: red !important;
	background-color: white;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #1f9093!important;
	color: white !important;
	font-size: 12px !important;
	font-weight: bold;
}

#chartdiv {
	height: 450px;
	font-size: 13px;
	background-color: white;
	color: #00727c !important;
}

.pop_text {
	font-family: 'Roboto', sans-serif;
	font-size: small;
}

.pop_title {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.yborder {
	border: 4px solid white;
}